<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>LDSS</title>
	<link rel="stylesheet" type="text/css" href="asset/css/reset.css">
	<link rel="stylesheet" type="text/css" href="asset/css/font-awesome-4.4.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="asset/css/animate.css">
	<link rel="stylesheet" type="text/css" href="asset/css/common.css">
	<link rel="stylesheet" type="text/css" href="asset/css/report.css">
</head>
<body>
<div class="header clearfix">
	<div class="fl">
		<i class="logo fl" title="领导辅助决策支持系统"></i>
		<h1 class="fl">领导辅助决策支持系统</h1>
	</div>
	<div id="navbox" class="fr">
		<ul class="nav-warper">
			<li class="menu"><a href="main.html"><i class="jjjc"></i>经济检测</a></li>
			<li class="menu active"><a href="javascript:;"><i class="tjzb"></i>统计专报</a></li>
			<li class="menu"><a href="map.html"><i class="qysj"></i>区域数据</a></li><!-- 
			<li class="menu"><a href="javascript:;"><i class="qyhz"></i>区域汇总</a></li>
			<li class="menu"><a href="javascript:;"><i class="qydb"></i>区域对比</a></li> -->
			<li class="menu"><a href="search.html"><i class="zhcx"></i>综合查询</a></li>
		</ul>
		<div class="baseline">
			<i id="navpoint" class="point"></i>
		</div>
	</div>
</div>
<div class="toolbar clearfix">
	<div class="bread fl"><i class="icon"></i>统计专报</div>
	<div class="search fr"><span class="input"><input></span><span class="button"><i class="fa fa-search"></i>搜索</span></div>
</div>
<div class="container">
	<div class="mainview clearfix">
		<div class="report-list">
			
		</div>
	</div>
</div>
	<footer>
		版权所有：南通市统计局 技术支持：江苏中威科技软件系统有限公司
	</footer>
</body>
<script type="text/javascript" src="asset/js/require.js"></script>
<script type="text/javascript">
	require(['jquery','plugin/nav'],
	function($,_nav){
		'use strict';
		var nav=new _nav('#navbox','#navpoint');
		nav.run();
		var rwtpl='<div class="report-warper">\
				<div class="timeline">\
					<div class="year-label transition clearfix">\
						<span class="point"><span></span></span>\
						<b class="label-cont">{{year}}年专报</b>\
					</div>\
				</div>\
				<ul id="rp-{{year}}" class="reports-preview-warper">\
					\
				</ul>\
			</div>';
		var rcpl='<li id="pv-{{year}}-{{month}}" class="report-preview disvisible">\
						<div class="preview-cont"></div>\
						<div class="preview-note">\
							<div class="note-header">\
								<span class="note-title">{{year}}-{{month}}宏观经济专报</span>\
								<span class="note-btn">\
									<i class="preview-btn fa fa-eye"></i>\
									<i class="edit-btn fa fa-edit"></i>\
								</span>\
							</div>\
							<div class="note-cont">\
								<!-- 说明文字 -->\
							</div>\
						</div>\
					</li>';
		var html='';
		for(var i=2015;i>=2013;i--){
			html+=rwtpl.replace(/\{\{year\}\}/g,i);
		}
		$('.report-list').html(html);
		for(var y=2015;y>=2013;y--){
			var html='',m=12,l=1;
			for(;m>=l;m--){
				html+=rcpl.replace(/\{\{year\}\}/g,y).replace(/\{\{month\}\}/g,m);
			}
			$('#rp-'+y).html(html);
		}
		var i=0;
		for(var y=2015;y>=2013;y--){
			var html='',m=12,l=1;
			for(;m>=l;m--){
				addAnimateByTime('#pv-'+y+'-'+m,'rotateInUpLeft',(i++)*300+500);
			}
		}

		function addAnimateByTime(target,cls,time){
			setTimeout(function(){
				addAnimate(target,cls,null);
			},time);
		}
		function addAnimate(target,cls,callback){
			$(target).removeClass('disvisible').addClass('animated '+cls).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
					$(this).removeClass('animated '+cls);
					if(typeof callback=='function'){
						callback();
					}
				});
		}
		// $(document).on('click','.report-preview',function(event){
		// 	event.preventDefault();
		// 	addAnimate(this,'flipOutY',null);
		// 	setTimeout(function(){
		// 		location.href='report-preview.html';
		// 	},250);
		// });
		$(document).on('click','.preview-btn',function(event){
			event.preventDefault();
			addAnimate($(this).parent('.report-preview'),'flipOutY',null);
			setTimeout(function(){
				location.href='report-preview.html';
			},250);
		});
		$(document).on('click','.edit-btn',function(event){
			event.preventDefault();
			addAnimate($(this).parent('.report-preview'),'flipOutY',null);
			setTimeout(function(){
				location.href='report.html';
			},250);
		});
	});
</script>
</html>